import { defineComponent } from "vue";
import styles from "./Auditing.module.less";
import { ClockCircleFilled, CheckCircleFilled } from "@ant-design/icons-vue";
import { useRoute, useRouter } from "vue-router";

export default defineComponent({
  name:'accountQyinformAuditing',
  setup() {
    const route = useRoute();
    const router = useRouter();
    return () => (
      <div class={styles.auditing}>
        <div class={styles['wlb-enter-find-adut']}>
          {
            Number(route.query.state) === 10 ?
              (
                <div class={styles['wlb-enter-waiting']}>
                  <ClockCircleFilled class={styles.icon} />
                  <span>认证审核中...</span>
                </div>
              )
              :
              (
                <div class={styles['wlb-enter-success']} onClick={() => { router.push('/GroupList') }}>
                  <CheckCircleFilled class={styles.icon} />
                  <span>认证审核通过！开始选购保险产品{`>>`}</span>
                </div>
              )
          }
        </div>
      </div>
    )
  }
})